<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>大风车</title>
		<link rel="stylesheet" href="css/大风车.css" />
		<style>
			/* 1.抓到图片元素
			 2.再图片上旋转*/
			 img{
				 transition: transform 10s;
			 }img:hover{
				 transform: rotate(90deg);
			 }
		</style>
	</head>
	<body>
		<!-- 音视频元素 vidio  audio-->
		<video src="img/oceans-clip.mp4" autoplay controls></video>
		<!-- 属性和属性值一样时省略属性值 
		autoplay属性--自动播放一次
		controls属性--播放条
		loop属性--循环播放-->
		<audio src="img/dafengche.mp3" autoplay controls loop></audio>
		
	<img src="img/dfc.jpg" alt="大风车" />
	</body>
</html>